<template>
  <div class="com-content">
    <!-- 面包屑 -->
    <div class="g-main-header flex-row-start">
      <div class="titleText flex-row-start">
        <el-icon><Back /></el-icon>
        <span>返回</span>
      </div>
      <el-breadcrumb :separator-icon="ArrowRight">
        <el-breadcrumb-item :to="{ path: '/' }">税务数字账户</el-breadcrumb-item>
        <el-breadcrumb-item :to="{ path: '/' }">账户查询</el-breadcrumb-item>
        <el-breadcrumb-item :to="{ path: '/' }">申报信息查询</el-breadcrumb-item>
        <el-breadcrumb-item>申报信息查询详情</el-breadcrumb-item>
      </el-breadcrumb>
    </div>

    <!-- 页面内容 -->
    <div class="com-sub-content">
      <div class="main-content sbxxcxxq-container" style="height: auto; min-height: 100%">
        <div class="search-row">
          <el-form :inline="true">
            <el-form-item label="主附表表单">
              <el-select v-model="value" style="width: 460px">
                <el-option
                  v-for="item in selectData"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
            </el-form-item>

            <el-form-item class="search-col">
              <div class="flex-row-end search-btns">
                <el-button type="primary">导出</el-button>
              </div>
            </el-form-item>
          </el-form>
        </div>

        <div class="sbxxcxxq-container__pdf">
          <table width="100%" align="center">
            <tbody>
              <tr>
                <td width="100%" colspan="1" align="center">
                  <b class="bbbt">财产和行为税纳税申报表</b>
                </td>
              </tr>
            </tbody>
          </table>

          <table border="0" width="880" align="center">
            <tbody>
              <tr class="table-height">
                <td align="left" width="70%">
                  纳税人识别号（统一社会信用代码）：9137148116764844X0
                </td>
              </tr>
              <tr class="table-height">
                <td align="left">纳税人名称：山东万兴家具有限公司</td>
                <td align="right">金额单位：人民币元（列至角分）</td>
              </tr>
            </tbody>
          </table>

          <table class="border" width="100%" cellspacing="0" cellpadding="0" align="center">
            <tbody>
              <tr rn="4" style="height: 25px">
                <td align="center" rowspan="2" colspan="5">
                  本期是否适用小微企业“六税两费”减征政策
                </td>
                <td rowspan="2" align="center">□&ensp;是&ensp;■&ensp;否</td>
                <td colspan="2" align="center">减征政策适用主体</td>
                <td colspan="3" class="report1_8" />
                <td class="report1_4" style="display: none; padding-left: 3px" />
              </tr>
              <tr rn="5" style="height: 25px">
                <td colspan="2" align="center">适用减征政策起止时间</td>
                <td colspan="3" align="center">
                  &ensp;&ensp;&ensp;&ensp;年&ensp;&ensp;&ensp;&ensp;&ensp;月&ensp;&ensp;&ensp;&ensp;&ensp;日&ensp;至&ensp;&ensp;&ensp;&ensp;&ensp;年&ensp;&ensp;&ensp;&ensp;&ensp;月&ensp;&ensp;&ensp;&ensp;日
                </td>
                <td class="report1_4" style="display: none; padding-left: 3px" />
              </tr>
              <tr rn="6" style="height: 25px">
                <td align="center">序号</td>
                <td align="center">税种</td>
                <td align="center">税目</td>
                <td align="center">税款所属期起</td>
                <td align="center">税款所属期止</td>
                <td align="center">计税依据</td>
                <td align="center">税率</td>
                <td align="center">应纳税额</td>
                <td align="center">减免税额</td>
                <td align="center">已缴税额</td>
                <td align="center">应补（退）税额</td>
                <td
                  class="report1_6"
                  style="display: none; padding-right: 3px; padding-left: 3px"
                />
              </tr>
              <tr rn="7" style="height: 25px">
                <td align="center">1</td>
                <td align="center">城镇土地使用税</td>
                <td align="center">
                  县城土地使用税
                  <br />
                  等级1
                </td>
                <td align="center">2024-04-01</td>
                <td align="center">2024-06-30</td>
                <td align="right">0.00</td>
                <td align="right">0.00005</td>
                <td align="right">0.00</td>
                <td align="right">0.00</td>
                <td align="right">0.00</td>
                <td align="right">0.00</td>
                <td class="report1_15" style="display: none; padding-right: 3px" />
              </tr>

              <tr rn="11" style="height: 25px">
                <td align="center">5</td>
                <td align="center">合计</td>
                <td align="right">-</td>
                <td align="right">-</td>
                <td align="right">-</td>
                <td align="right">-</td>
                <td align="right">-</td>
                <td align="right">3,782.61</td>
                <td align="right">0.00</td>
                <td align="right">0.00</td>
                <td align="right">3,782.61</td>
                <td class="report1_15" style="display: none; padding-right: 3px" />
              </tr>
              <tr rn="12" style="height: 25px">
                <td colspan="5" class="report1_14" style="padding-left: 3px; border-bottom: none">
                  经办人：&ensp;刘清凤
                </td>
                <td colspan="6" class="report1_18" style="padding-left: 3px; border-bottom: none">
                  受理人：新电子税务局
                </td>
                <td class="report1_4" style="display: none; padding-left: 3px" />
              </tr>
              <tr rn="13" style="height: 25px">
                <td colspan="5" class="report1_12" style="padding-left: 3px; border-bottom: none">
                  经办人身份证号：&ensp;372427*********827
                </td>
                <td
                  rowspan="2"
                  colspan="6"
                  class="report1_13"
                  style="padding-left: 3px; border-bottom: none"
                >
                  受理税务机关（章）：国家税务总局乐陵市税务局云红税务分局
                </td>
                <td class="report1_4" style="display: none; padding-left: 3px" />
              </tr>
              <tr rn="14" style="height: 25px">
                <td colspan="5" class="report1_12" style="padding-left: 3px; border-bottom: none">
                  代理机构签章：&ensp;
                </td>
                <td class="report1_4" style="display: none; padding-left: 3px" />
              </tr>
              <tr rn="15" style="height: 25px">
                <td colspan="5" class="report1_1" style="padding-left: 3px">
                  代理机构统一社会信用代码：&ensp;
                </td>
                <td colspan="6" class="report1_1" style="padding-left: 3px">
                  受理日期：&ensp;2024&ensp;年&ensp;7&ensp;月&ensp;15&ensp;日&ensp;
                </td>
                <td class="report1_4" style="display: none; padding-left: 3px" />
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { reactive, ref, onMounted } from "vue";
import router from "@/router";
import Http from "@/utils/api";
import { httpsUrl } from "@/utils/httpsUrl";
import { ArrowRight } from "@element-plus/icons-vue";

const value = ref("1");
const selectData = [{ value: "1", label: "财产和行为税纳税申报表" }];

// 生命周期
onMounted(() => {});
</script>

<style lang="scss" scoped>
@use "./css/style";
@use "./css/table";
</style>
